<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="order by dede58.com" />
    <title>为今后的项目制作空白CSS模板文件</title>
    <meta name="keywords" content="" />
    <meta name="description" content="为今后的项目制作空白CSS模板文件" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script src="/templets/niubi/JS/MobileRewrite.js" type="text/javascript"></script>

    <link href="/templets/niubi/Skins/default/resetcommon.css" rel="stylesheet" type="text/css" />
    <link href="/templets/niubi/Skins/default/Style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/templets/niubi/JS/NSW_Details.js"></script>
    <script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F70a466f28c9145cead3349dc88d3fddf' type='text/javascript'%3E%3C/script%3E"));
    </script>
</head>
<script type="text/javascript">
    if (window.location.toString().indexOf('pref=padindex') != -1) {
    } else {
        if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
            if (window.location.href.indexOf("?mobile") < 0) {
                try {
                    if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                        window.location.href = "/m/view_zx.php?aid=28";
                    } else if (/iPad/i.test(navigator.userAgent)) {
                    } else {
                    }
                } catch (e) {
                }
            }
        }
    }</script>
<body>





 
    <!--头部开始-->
<!--头部开始-->
<div class="h_head">
    <div class="header">
        <p class="clearfix h_top">
            <span class="fr">
                <a onmouseout="javascript:$(this).children('i').hide();" onmouseover="javascript:$(this).children('i').show();" class="pr" href="javascript:;" looyu_bound="1">官方微信 <i class="qcode" style="display: none;">
                    <img class="img_wdt" title="上海牛章自动引擎零件有限责任公司" alt="上海牛章自动引擎零件有限责任公司" src="/templets/niubi//templets/niubi/Skins/Default/Img/Common/erwei.jpg"></i>
            </a>
            <a href="/gywm/" title="关于牛章" target="_blank">
                关于牛章</a><a onclick="javascript:AddFavorite('收藏本站',location.href)" title="收藏牛章">收藏牛章</a>|<a
                    href="/zxly/" title="在线留言" target="_blank">在线留言</a>|<a
                        href="/data/sitemap.html" title="网站地图" target="_blank">网站地图</a><a
                            href="http://weibo.com/u/5188863984?topnav=1&wvr=6&is_hot=1&noscale_head=1" class="xlWb" title="新浪微博" target="_blank">新浪微博</a></span>
            <!-- 顶部右侧导航 -->
            您好，欢迎访问上海牛章自动引擎零件有限责任公司官网！
        </p>
        <div class="h_Main">
            <!-- 网站主体 -->
            <a style="float:left;margin-left:-260px;" href="http://www.qip360.com/" class="fl" title="上海牛章自动引擎零件有限责任公司">
         <img src="/img/logo.png"  alt="上海牛章自动引擎零件有限责任公司"
            title="上海牛章自动引擎零件有限责任公司" style="margin-left: 100px;min-height: 100px"/></a>
            <!-- 头部Logo -->
            <div class="h_dis fl" style=" width: 490px;">
                <p>
                    <b style="color:#055CBD;font-family: 微软雅黑; font-weight: bold; font-size: 30px;">上海牛章自动引擎零件有限责任公司
</b></p>
            </div>
            <!-- 头部广告语 -->
            <div class="h_pho fr">
                <p>
                    <span style="float: left; padding-left: 22px;">牛章全国批发热线：</span><span class="haoma">400-123-4567</span></p>
                <p>
                    <span style="float: left; padding-left: 22px;">24小时在线服务：</span>
                    <sapn class="haoma">13800000000
                    </span>
                </p>
            </div>
            <img src="/img/wx.png" style="width:108px;height:121px;margin:-120px 0 0 956px !important" />
            <!--头部电话部分 -->
        </div>
        <div class="h_nav menu">
            <ul>
                <li class="cur"><a href="/"  class='cur'>牛章首页</a></li>
           
				<li class="mainlevel"><a href="/gywm/" class="" title="关于我们">关于我们</a> </li>

				<li class="mainlevel"><a href="/cpzx/" class="" title="产品中心">产品中心</a> </li>

				<li class="mainlevel"><a href="/alzs/" class="" title="案例展示">案例展示</a> </li>

				<li class="mainlevel"><a href="/xwzx/" class="" title="新闻资讯">新闻资讯</a> </li>

				<li class="mainlevel"><a href="/rczp/" class="" title="人才招聘">人才招聘</a> </li>

				<li class="mainlevel"><a href="/hzjm/" class="" title="合作加盟">合作加盟</a> </li>

				<li class="mainlevel"><a href="/zxly/" class="" title="在线留言">在线留言</a> </li>

				<li class="mainlevel"><a href="/lxwm/" class="" title="联系我们">联系我们</a> </li>

	
     
				
				
            </ul>
        </div>
        <!-- 头部导航 -->
    </div>
</div>
   
<script type="text/javascript">
$(".h_nav .erj").each(function() {
    $(this).css("width", $(this).parent().width());
})
$(".h_nav ul li").mouseover(function() {
    $(this).find(".erj").show();
})
$(".h_nav ul li").mouseout(function() {
    $(this).find(".erj").hide();
})
initCommonHeader();
var MARK = "";
if (MARK == "") { MARK = "index"; }
//    initCommonHeaderKeywords(MARK);
</script>

    <script src="/templets/niubi/JS/Cls_jsPage.js"></script>
    <!--content:start-->
    <div class="topadcs">
        <a href="http://120.77.222.61:8099/product/" title="湘红，柴油车发动机配件专家"><img src="/templets/niubi/UploadFiles/Others/20140910114652_31281.jpg" title="湘红，柴油车发动机配件专家" alt="湘红，柴油车发动机配件专家" /></a>
    </div>
    <div class="content">
        <div class="plc2">
            您当前的位置是：<a href='/'>主页</a> > <a href='/xwzx/'>新闻资讯</a> > 
        </div>
        <div class="left2">
            <div class="left2top">
            </div>
            <div class="left2_main">
                <div class="n_info_con" id="printableview">
                    <h1>
                    为今后的项目制作空白CSS模板文件</h1>
                    <div class="info_con_tit">
                        <div class="info_con_tit">
                            <div class="n_tit">
                                <span>文章出处：</span><span>责任编辑：</span><span class='m_qrinfo'><a href="#" title="查看手机网址">查看手机网址</a><div class='m_qrcode'><em>扫一扫!</em><img src="../../../nswcode.nsw88.com/�qc=8dd84307afe274a5&url=Mobile�MArticles�cyfdjzgzyd_1_page1.html" alt="柴油发动机在工作一段时期以后，为什么会出现马力下降和耗油率上升的情况？（值得收藏）" title="柴油发动机在工作一段时期以后，为什么会出现马力下降和耗油率上升的情况？（值得收藏）" /><em>扫一扫!</em></div></span><span>人气：<span
                                id="cntrHits"><script src="/plus/count.php?view=yes&aid=28&mid=1" type='text/javascript' language="javascript"></script></span></span><span>发表时间：2010-04-07【<a href="javascript:;" onclick="ChangeFontSize(this,'16px')">大</a>
                                    <a class="cur" href="javascript:;" onclick="ChangeFontSize(this,'14px')">中</a> <a
                                        href="javascript:;" onclick="ChangeFontSize(this,'12px')">小</a>】</span>
                            </div>
                        </div>
                    </div>
                    <div id="cntrBody">
                       <p><img alt="" src="http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393415040-55N2.png" /><br />
如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们，那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实践。在 这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的重设(Reset)方法，定义一些基本的方便的类，命名一些常见的页面区域等…</p>
<p>在开始之前，创建一个新建文件夹并将它命名为”styles”(您也可以命名自己喜欢的名字)，然后在该文件夹下创建两个文件分别命名为“reset.css” 和 “style.css”。现在你的文件夹结构不出意外的话应该是这样的:</p>
<blockquote>
<p>–root<br />
|<br />
styles<br />
– reset.css<br />
– style.css<br />
|</p>
</blockquote>
<h3>1-单独使用一个全局CSS重设方法</h3>
<p>我以Eric Meyer的重设为基础。只是去掉了其中的<strong>“ins”, “del”和 “table”</strong>，因为我实在是很少使用它们，因为某些原因又重新定义了<strong>“strong”</strong> 和 <strong>“em”</strong>，我知道您也许会有自己的方式，所以您也可以自由为自己的文件定义。写完CSS重设后，将其存储为”reset.css”。</p>
<blockquote>
<p>html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
outline: 0;<br />
font-size: 100%;<br />
vertical-align: baseline;<br />
background: transparent;<br />
}<br />
ol, ul {<br />
list-style: none;<br />
}<br />
blockquote, q {<br />
quotes: none;<br />
}<br />
blockquote:before, blockquote:after, q:before, q:after {<br />
content: ”;<br />
content: none;<br />
}<br />
:focus {<br />
outline: 0;<br />
}<br />
table {<br />
border-collapse: collapse;<br />
border-spacing: 0;<br />
}<br />
caption, th, td {<br />
text-align: left;<br />
font-weight: normal;<br />
}<br />
strong {<br />
font-weight: bold;<br />
}<br />
em {<br />
font-style: italic;<br />
}</p>
</blockquote>
<p>在这个重设文件里我去掉了<strong>“body”</strong>样式，因为通常我们在不同的项目中都会定义不同的”body”样式，所以我们将它放在style.css文件中。</p>
<h3>2-在顶部为样式表添加描述注释</h3>
<p>现在我们打开style.css来开始写一些基本的样式。在创建一个新样式文件(style.css)后，第一件事应该是在文件顶部写一些结构性的 注释，用来描述一些样式的细节，比如版本、作者、作者的详细联系方式等，这将帮助你和其他前端开发人员使用该文件。描述细节应当包括像作者姓名、版本和提 供更多信息的URL地址。我比较喜欢，因为它比较广泛。</p>
<blockquote>
<p>/*<br />
主题名称: 玫瑰主题<br />
URI: the-theme’s-homepage<br />
描述: a-brief-description<br />
作者: 您的姓名<br />
作者 URI: 您的-URI<br />
模板: 在这里可以提示它的父级模板<br />
版本: 版本号<br />
彬Go-集前端开发/网页设计/网站可用性/用户体验于一体的趣味互联网生活<br />
网址:http://blog.bingo929.com/<br />
*/</p>
</blockquote>
<h3>3-定义便于搜索的目录表</h3>
<p>现在，我们来一起定义我们样式的目录表。定义TOC能帮助其他人甚至自己更容易与阅读和理解代码。也许您会觉得这个没什么必要，但请相信我！</p>
<p>首先让我们看看它应当是什么样子的:</p>
<blockquote>
<p>[目录表]<br />
0- Reset<br />
1- Global<br />
2- Links<br />
3- Headings<br />
4- Header<br />
5- Navigation<br />
6- Middle<br />
7- Forms<br />
8- Extras<br />
9- Footer</p>
</blockquote>
<p>正如您看到的，我们将目录表从0到9分成10部分。</p>
<ul>
    <li>TOC非常简单以至于它不会花费您超过1分钟的时间。</li>
    <li>您不用为每个项目定义不同的TOC。</li>
    <li>命名的使用非常普遍，所以可以适合模本的任何部分。</li>
    <li>不使用动态的#ID和.class。</li>
    <li>它并不大所以不会占用很多Kbytes。</li>
    <li>顺序的数字很有用，用途请往下看。</li>
</ul>
<h3>4-使用注释将每个部分隔开并使用一个=标记</h3>
<p>请看一下样式，在0部分我将之前的重设样式表reset.css导入。</p>
<blockquote>
<p>/* =0 Reset<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
@import url(’reset.css’);<br />
/* =1 Global</p>
<p>–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =2 Links<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =3 Headings<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =4 Header<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =5 Navigation<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =6 Middle<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =7 Form<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =8 Extra<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =9 Footer<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/</p>
</blockquote>
<p>在每个部分的分区注释中使用=标记，可以帮助您和您的团队其他成员快速找到需要的代码。大家都知道，在CSS样式中的声明几乎是不会使用等号的，所 以我们可以使用等号来帮助搜索。比如你想寻找表单的相关样式代码，可以先查看目录表中表单对应的数字，然后搜索”=7″便可以快速跳转到表单的相关代码区 域。</p>
<h3>5-定义最常用的类</h3>
<p>其实有一些类是我们要经常使用的，那我们为什么不一次性把它们都定义好呢？现在正是时候！我添加了一些个人比较喜欢的，当然您也可以按照自己的喜好进行增删改。将它们定义在“=1 Global”下。<br />
我还把body选择器定义在了Global中。<br />
<span><strong>注:一下定义类仅仅是比较简单的一些。</strong></span></p>
<blockquote>
<p>/* =1 Global<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
body {<br />
line-height: 1;<br />
font: normal 12px Arial, Helvetica, sans-serif;<br />
vertical-align: top;<br />
background: #fff;<br />
color: #000;<br />
}<br />
.right {<br />
float: right;<br />
}<br />
.left {<br />
float: left;<br />
}<br />
.align-left {<br />
text-align: left;<br />
}<br />
.align-right {<br />
text-align: right;<br />
}<br />
.align-center {<br />
text-align:center;<br />
}<br />
.justify {<br />
text-align:justify;<br />
}<br />
.hide {<br />
display: none;<br />
}<br />
.clear {<br />
clear: both;<br />
}<br />
.bold {<br />
font-weight:bold;<br />
}<br />
.italic {<br />
font-style:italic;<br />
}<br />
.underline {<br />
border-bottom:1px solid;<br />
}<br />
.highlight {<br />
background:#ffc;<br />
}<br />
img.centered {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
img.alignleft {<br />
float:left;<br />
margin:4px 10px 4px 0;<br />
}<br />
img.alignright {<br />
float:right;<br />
margin:4px 0 4px 10px;<br />
}<br />
.clearfix:after {<br />
content: “.”;<br />
display: block;<br />
clear: both;<br />
visibility: hidden;<br />
line-height: 0;<br />
height: 0;<br />
}<br />
.clearfix {<br />
display: block;<br />
}<br />
html[xmlns] .clearfix {<br />
display: block;<br />
}<br />
* html .clearfix {<br />
height: 1%;<br />
}</p>
</blockquote>
<h3>6-为链接和标题定义样式</h3>
<p>最后，我们来定义适当的链接和标题的样式，因为他们在任何项目中都是必需的。如果你在制作某个网页，你不可能不是用它们。</p>
<blockquote>
<p>/* =2 Links<br />
––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
a:link, a:visited {<br />
color: #333;<br />
}<br />
a:hover {<br />
color: #111;<br />
}<br />
a:active {<br />
color: #111;<br />
}<br />
/* =3 Headings<br />
––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
h1 {<br />
font: bold 2em “Times New Roman”, Times, serif;<br />
}<br />
h2 {<br />
font: bold 1.5em “Times New Roman”, Times, serif;<br />
}<br />
h3 {<br />
font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;<br />
}<br />
h4 {<br />
font: bold 1em Arial, Geneva, Helvetica, sans-serif;<br />
}<br />
h5 {<br />
font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;<br />
}</p>
</blockquote>
<h3>style.css模板的最终代码</h3>
<blockquote>
<p>/*<br />
主题名称: 玫瑰主题<br />
URI: the-theme’s-homepage<br />
描述: a-brief-description<br />
作者: 您的姓名<br />
作者 URI: 您的-URI<br />
模板: 在这里可以提示它的父级模板</p>
<p>[目录表]<br />
0- Reset<br />
1- Global<br />
2- Links<br />
3- Headings<br />
4- Header<br />
5- Navigation<br />
6- Middle<br />
7- Forms<br />
8- Extras<br />
9- Footer<br />
*/<br />
/* =0 Reset<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
@import url(’reset.css’);</p>
<p>/* =1 Global<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
body {<br />
line-height: 1;<br />
font: normal 12px Arial, Helvetica, sans-serif;<br />
vertical-align: top;<br />
background: #fff;<br />
color: #000;<br />
}<br />
.right {<br />
float: right;<br />
}<br />
.left {<br />
float: left;<br />
}<br />
.align-left {<br />
text-align: left;<br />
}<br />
.align-right {<br />
text-align: right;<br />
}<br />
.align-center {<br />
text-align:center;<br />
}<br />
.justify {<br />
text-align:justify;<br />
}<br />
.hide {<br />
display: none;<br />
}<br />
.clear {<br />
clear: both;<br />
}<br />
.bold {<br />
font-weight:bold;<br />
}<br />
.italic {<br />
font-style:italic;<br />
}<br />
.underline {<br />
border-bottom:1px solid;<br />
}<br />
.highlight {<br />
background:#ffc;<br />
}<br />
img.centered {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
img.alignleft {<br />
float:left;<br />
margin:4px 10px 4px 0;<br />
}<br />
img.alignright {<br />
float:right;<br />
margin:4px 0 4px 10px;<br />
}<br />
.clearfix:after {<br />
content: “.”;<br />
display: block;<br />
clear: both;<br />
visibility: hidden;<br />
line-height: 0;<br />
height: 0;<br />
}<br />
.clearfix {<br />
display: block;<br />
}<br />
html[xmlns] .clearfix {<br />
display: block;<br />
}<br />
* html .clearfix {<br />
height: 1%;<br />
}<br />
/* =2 Links<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
a:link, a:visited {<br />
color: #333;<br />
}<br />
a:hover {<br />
color: #111;<br />
}<br />
a:active {<br />
color: #111;<br />
}<br />
/* =3 Headings<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
h1 {<br />
font: bold 2em “Times New Roman”, Times, serif;<br />
}<br />
h2 {<br />
font: bold 1.5em “Times New Roman”, Times, serif;<br />
}<br />
h3 {<br />
font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;<br />
}<br />
h4 {<br />
font: bold 1em Arial, Geneva, Helvetica, sans-serif;<br />
}<br />
h5 {<br />
font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;<br />
}<br />
/* =4 Header<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =5 Navigation<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =6 Middle<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =7 Form<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =8 Extra<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/<br />
/* =9 Footer<br />
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/</p>
</blockquote>
<h3>总结</h3>
<p>感谢大家阅读本文，CSS最佳实践在某种意义上的确会对我们提供很大的帮助。它可以帮助我们节省更多的工作时间，显著提高工作效率。如果您有任何看法或建议，欢迎。</p>
<h3>下载源文件</h3>
<p></p>
<p>来源: 翻译：</p>
            <p align="center"> </p>

                    </div>
                    <div class="clear"></div>
                    <div class="apage" id="showfenye">
                        <!--资讯分页:start-->
                        <script type="text/javascript">
                        var pagecont = 1;
                        if (pagecont >= 2) {
                            var ss = new Cls_jsPage(1, 1, 5, "ss");
                            ss.setPageSE("cyfdjzgzyd_", "http://120.77.222.61:8099/a/xinwenzixun/.html");
                            ss.setPageInput("Page");
                            ss.setUrl("");
                            ss.setPageFrist("<a disabled='true'class='ob'>首页</a>", "首页");
                            ss.setPagePrev("<a disabled='true'class='ob'>上一页</a>", "上一页");
                            ss.setPageNext("<a disabled='true'class='ob'>下一页</a>", "下一页");
                            ss.setPageLast("<a disabled='true'class='ob'>尾页</a>", "尾页");
                            ss.setPageText("{$PageNum}", "{$PageNum}");
                            ss.setPageTextF("{$PageTextF}", "{$PageTextF}");
                            ss.setPageSelect("{$PageNum}", "{$PageNum}");
                            ss.setPageCss("o", "", "");
                            ss.setHtml("<div class='o'>{$PageFrist}{$PagePrev}{$PageText}{$PageNext}{$PageLast}</div>");
                            ss.Write();
                        } else {
                            document.getElementById("showfenye").style.display = "none";
                        }
                        </script>
                        <!--资讯分页:end-->
                    </div>
                    <div class="gduo" id="gduo">
                        <span>下一篇：<a href='/xwzx/2010/0407/29.html'>简洁纯净的CSS表单设计实例</a> </span>上一篇：上一篇：<a href='/xwzx/2010/0407/27.html'>用CSS设计你的搜索框</a> 
                    </div>
                </div>
                <div class="info_key">
                    <span>此文关键字：</span>
					

                </div>
                <div class="n_info_con2">
                    <h4 class="t04">
                    相关资讯</h4>
                    <div class="info_b">
                        <ul class="p_list_ul">
<li><a target='_blank' href='/xwzx/2010/0407/85.html' title='DedeCMS模板定制服务'>DedeCMS模板定制服务</a></li>
<li><a target='_blank' href='/xwzx/2010/0407/23.html' title='img图片元素下多余空'>img图片元素下多余空</a></li>



                        </ul>
                        <div class="clear">
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="n_info_tjcp">
                    <h4 class="t04">
                    推荐产品</h4>
   <li><a href="/cpzx/2018/1102/159.html">123132</a>
       <p>1...</p>
      </li>
<li><a href="/cpzx/zyq/2018/1102/158.html">增压器111</a>
       <p>111...</p>
      </li>
<li><a href="/cpzx/2018/1102/148.html">我是产品例子</a>
       <p>...</p>
      </li>
<li><a href="/cpzx/fdjpj/2018/1101/132.html">发动机配件发动机配件</a>
       <p>发动机配件发动机配件...</p>
      </li>
<li><a href="/cpzx/fdjpj/2018/1101/131.html">发动机配件</a>
       <p>发动机配件...</p>
      </li>
<li><a href="/cpzx/2018/1101/110.html">我是产品3我是产品3我是产品3我是</a>
       <p>我是产品3我是产品3我是产品3我是产品3我是产品3我是产品3...</p>
      </li>






                    <div class="celar"></div>
                </div>
            </div>
            <div class="left2bot">
            </div>
        </div>
        <div class="right2">
            <div class="right2top">
            </div>
            <div class="right2_main">
                <h4 class="t03">
                <a href="/cpzx/" title="最新产品">最新产品</a></h4>

                <div id="newpro">
				 <ul class="n_rt_ul">
				  <li><a href='/cpzx/2018/1102/159.html' target='_blank' title="123132">123132</a></li>
<li><a href='/cpzx/zyq/2018/1102/158.html' target='_blank' title="增压器111">增压器111</a></li>
<li><a href='/cpzx/2018/1102/148.html' target='_blank' title="我是产品例子">我是产品例子</a></li>
<li><a href='/cpzx/fdjpj/2018/1101/132.html' target='_blank' title="发动机配件发动机配件">发动机配件发动机配件</a></li>
<li><a href='/cpzx/fdjpj/2018/1101/131.html' target='_blank' title="发动机配件">发动机配件</a></li>
<li><a href='/cpzx/fdjzc/2018/1101/130.html' target='_blank' title="发动机总成6发动机总62发动机总成">发动机总成6发动机总62发动机总成</a></li>

                    </ul>
                </div>
                <h4 class="t03">
                <a href="#" title="同类文章排行">同类文章排行</a></h4>
                <ul class="n_rt_ul">
				  <li><a href='/xwzx/khjz/2018/1102/140.html' target='_blank' title="客户见证3客户见证3客户见证32">客户见证3客户见证3客户见证32</a></li>
<li><a href='/xwzx/hzhb/2018/1102/150.html' target='_blank' title="我是合作伙伴222">我是合作伙伴222</a></li>
<li><a href='/xwzx/hyxw/2018/1102/135.html' target='_blank' title="行业新闻1111">行业新闻1111</a></li>
<li><a href='/plus/view.php?aid=98' target='_blank' title="DedeCMS产品授权在线购买">DedeCMS产品授权在线购买</a></li>
<li><a href='/xwzx/xhbk/2018/1102/144.html' target='_blank' title="我是湘红百科问题1">我是湘红百科问题1</a></li>
<li><a href='/xwzx/ryzz/2018/1102/155.html' target='_blank' title="我是荣誉资质">我是荣誉资质</a></li>

                    </ul>






                <h4 class="t03">
                <a href="/xwzx/" title="最新资讯文章">最新资讯文章</a></h4>
                <ul class="n_rt_ul" id="cntrLastArticle">
				      <li><a href="/xwzx/2018/1102/160.html">呜呜呜呜</a></li>
   
    <li><a href="/xwzx/ryzz/2018/1102/156.html">荣誉资质</a></li>
   
    <li><a href="/xwzx/ryzz/2018/1102/155.html">我是荣誉资质</a></li>
   
    <li><a href="/xwzx/qyxc/2018/1102/154.html">企业相册121212</a></li>
   
    <li><a href="/xwzx/qyxc/2018/1102/153.html">我是企业相册</a></li>
   
    <li><a href="/xwzx/hzhb/2018/1102/152.html">我是合作伙伴2323242是合作伙伴</a></li>
   
    <li><a href="/xwzx/hzhb/2018/1102/151.html">我是合作伙伴我是合作伙伴我是合作伙伴</a></li>
   
    <li><a href="/xwzx/hzhb/2018/1102/150.html">我是合作伙伴222</a></li>
   
    <li><a href="/xwzx/hzhb/2018/1102/149.html">我是合作伙伴我是合作伙伴我是合作伙伴</a></li>
   
    <li><a href="/xwzx/khjz/2018/1102/140.html">客户见证3客户见证3客户见证32</a></li>
   

                </ul>

            </div>
            <div class="right2bot">
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
    <!--content:end-->
    <!--footer:start-->
    <!--低部开始-->
 <div class="f_foot">
        <div class="footer">
            <div class="f_nav">
                       
				<a href="/gywm/" class="" title="关于我们" target="_blank">关于我们</a> | 

				<a href="/cpzx/" class="" title="产品中心" target="_blank">产品中心</a> | 

				<a href="/alzs/" class="" title="案例展示" target="_blank">案例展示</a> | 

				<a href="/xwzx/" class="" title="新闻资讯" target="_blank">新闻资讯</a> | 

				<a href="/rczp/" class="" title="人才招聘" target="_blank">人才招聘</a> | 

				<a href="/hzjm/" class="" title="合作加盟" target="_blank">合作加盟</a> | 

				<a href="/zxly/" class="" title="在线留言" target="_blank">在线留言</a> | 

				<a href="/lxwm/" class="" title="联系我们" target="_blank">联系我们</a> | 
  

			  
            </div>
            <div class="f_Info clearfix">
                <a href="/" class="fl f_logo">
                <img src="/img/logo.png" alt="潍柴配件 玉柴配件 大柴配件 上柴配件 锡柴配件 朝柴配件 康明斯配件 重汽配件" title="湘红汽配" /></a>
                <div class="f_Txt fl">
                    公司名称：长沙县湘龙湘红汽配销售中心
                    <a href="http://www.miitbeian.gov.cn/" title="湘ICP备14013042号" target="_blank">湘ICP备14013042号</a><br />
                    联系方式：4000-818-841手机：139-7511-4872
                    <br />
                    邮箱：1315605830@qq.com
                    技术支持：<a title="技术支持：牛商网" href="http://www.nsw88.com/" target="_blank">牛商网</a><br />
                    公司地址：长沙市星沙汽配城湘楚家园3栋108-201号
                    <br />
                </div>
                <em>
                <img class="img_wdt" src="/img/wx.png" alt="潍柴配件 玉柴配件 大柴配件 上柴配件 锡柴配件 朝柴配件 康明斯配件 重汽配件" title="湘红汽配" /><span>关注湘红最新动态</span></em>
            </div>
        </div>
    </div>
<script type="text/javascript">
var _nas = _nas || {};
(function() {
    var nasParams = { cid: 102, sid: 276, eventID: 1565 };
    var ts = document.createElement("script");
    var s = document.getElementsByTagName("script")[0];
    ts.src = "http://tracking.nsw99.com/ts/load.js";
    s.parentNode.insertBefore(ts, s);
    if (ts.readyState) {
        ts.onreadystatechange = function() {
            if (ts.readyState == "loaded" || ts.readyState == "complete") {
                _nas.nasLoad("http://tracking.nsw99.com", nasParams);
            }
        };
    } else {
        ts.onload = function() {
            _nas.nasLoad("http://tracking.nsw99.com", nasParams);
        };
    }
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
    var hm = document.createElement("script");
    hm.src = "http://hm.baidu.com/hm.js?0894ba0a5265bbe4db73930f603c2fc2";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
window._pt_lt = new Date().getTime();
window._pt_sp_2 = [];
_pt_sp_2.push('setAccount,5e38a523');
var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
(function() {
    var atag = document.createElement('script');
    atag.type = 'text/javascript';
    atag.async = true;
    atag.src = _protocol + 'js.ptengine.cn/5e38a523.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(atag, s);
})();
</script>
<!-- 返回顶部 -->
<script src="JS/rollup.min.js" type="text/javascript"></script>
<!-- Baidu Button BEGIN 百度分享开始 -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=2&amp;pos=left&amp;uid=774763"></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
$(function() {
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000);
});
</script>
<!-- Baidu Button END 百度分享结束 -->
<script type="text/javascript">
var _mvq = _mvq || [];
_mvq.push(['$setAccount', 'm-239069-0']);

_mvq.push(['$logConversion']);
(function() {
    var mvl = document.createElement('script');
    mvl.type = 'text/javascript';
    mvl.async = true;
    mvl.src = ('https:' == document.location.protocol ? 'https://static-ssl.mediav.com/mvl.js' : 'http://static.mediav.com/mvl.js');
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(mvl, s);
})();
</script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0894ba0a5265bbe4db73930f603c2fc2' type='text/javascript'%3E%3C/script%3E"));
</script>
<script src="JS/jquery.lazyload.min.js" type="text/javascript"></script>
    <!--footer:end-->
    <script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?0894ba0a5265bbe4db73930f603c2fc2";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <script type="text/javascript">
    window._pt_lt = new Date().getTime();
    window._pt_sp_2 = [];
    _pt_sp_2.push('setAccount,5e38a523');
    var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    (function() {
        var atag = document.createElement('script');
        atag.type = 'text/javascript';
        atag.async = true;
        atag.src = _protocol + 'js.ptengine.cn/5e38a523.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(atag, s);
    })();
    </script>
    <script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F70a466f28c9145cead3349dc88d3fddf' type='text/javascript'%3E%3C/script%3E"));
    </script>
</body>

</html>
<!-- 返回顶部 -->
<script src="../../JS/rollup.min.js" type="text/javascript"></script>
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=2&amp;pos=left&amp;uid=774763"></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
$(function() {
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000);
});
</script>
<!-- Baidu Button END -->
<!-- Baidu Button BEGIN 百度分享开始 -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=2&amp;pos=left&amp;uid=774763"></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
$(function() {
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000);
});
</script>
<!-- Baidu Button END 百度分享结束 -->
<script type="text/javascript">
var _mvq = _mvq || [];
_mvq.push(['$setAccount', 'm-239069-0']);

_mvq.push(['$logConversion']);
(function() {
    var mvl = document.createElement('script');
    mvl.type = 'text/javascript';
    mvl.async = true;
    mvl.src = ('https:' == document.location.protocol ? 'https://static-ssl.mediav.com/mvl.js' : 'http://static.mediav.com/mvl.js');
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(mvl, s);
})();
</script>
<script type="text/javascript" src="../../mobile/hm.aspx.htm"></script>
<script type="text/javascript">
newsLoad();
initCommonHeaderKeywords(MARK);
(function() { var c = null;
    $(".m_qrinfo").hover(function() { if (c) { clearTimeout(c);
            c = null; } $(this).children(".m_qrcode").slideDown(); }, function() { var t = this;
        c = setTimeout(function() { $(t).children(".m_qrcode").slideUp(200); }, 500); }); })();
</script>
